<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<meta name="viewport"
		content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	<title>场所详情</title>
	<link rel="stylesheet" type="text/css" href="css/example.css?v=1.0" />
	<link rel="stylesheet" type="text/css" href="css/weui.min.css?v=1.0" />
	<link rel="stylesheet" type="text/css" href="css/element-ui.css" />
	<link rel="stylesheet" type="text/css" href="css/element-ui.css?v=1.0" />
	<link rel="stylesheet" type="text/css" href="css/public.css?v=3.0.2" />
	<link rel="stylesheet" type="text/css" href="css/placeDetail.css?v=4.2" />
</head>
<style type="text/css">
	#main {
		width: 95%;
		margin: auto;
		padding-bottom: 80px;
	}
</style>

<body>
	<div id="main">
		<div v-cloak class="ub-placeTitle">
			<!-- 场所标题，地址，是否是九小场所，有无、备注、相片、定位等信息 -->
			<div v-cloak class="ub-placeTitle-content" style="width: 100%;">
				<div style="display: flex;align-items: center;justify-content: space-between;">
					<div style="display: flex;align-items: center;">
						<p>{{detail.place_name}}</p>
						<div v-if="detail.is_small_place == 1">
							<img style="width: 30px;" src="images/place9xiao.png">
						</div>
						<div class="ub-noNote1">{{detail.is_cater==1?'涉餐饮':''}}</div>
						<el-tag effect="plain" size="mini" @click="showAddresss">
							详情
						</el-tag>
					</div>
					<!-- <div v-if="detail.video !== ''" v-cloak @click="showVideo()" class="showVideo">
						<img src="images/monitoring.png">
					</div> -->
				</div>
				<div
					style="display: flex;align-items: center;width: 100%;justify-content: space-between;font-size: 14px;">
					<div style="display: flex;align-items: center;width: 80%;">
						<img src="images/placeLocation.png">
						<p style="width: 100%;">{{detail.address}}</p>
					</div>
					<div style="width: 100px;background: #d4efff;text-align: center;border-radius: 5px;">
						<div @click="goMap()"
							style="display: flex;align-items: center;justify-content: center;color: #1275FF;">
							<img src="images/goMap.png" style="margin-right: 5px;background: none;padding: 6px 0;">
							<p>到这去</p>
						</div>
					</div>
				</div>
				<div class="ub-layout-no" style="flex-wrap: wrap;">
					<el-tag v-for="(item,i) in detail.tags_all" :key="i" :type="i==0?'':'warning'"
						style="margin:0 5px 5px 0;">
						{{item}}
					</el-tag>
				</div>
				<div class=" ub-layout-no">
					<div class="ub-noLocation" v-if="detail.has_location == 0">无定位</div>
					<div class="ub-noImages" v-if="detail.has_images == 0">无相片</div>
					<div class="ub-noNote" v-if="detail.has_remark == 0">无备注</div>
				</div>

				<p>{{detail.grids}}</p>
				<div class="ub-jcsj_p">
					<div class="ub-text_1">
						检查时间：
					</div>
					<div class="ub-text_2" v-if="detail.last_check_time_cn">
						{{detail.last_check_time_cn}}
					</div>
					<div class="ub-text_2" v-if="!detail.last_check_time_cn">
						暂无
					</div>
				</div>
			</div>
		</div>
		<!-- 场所联系人信息 -->
		<div v-cloak class="ub-contacts">
			<p>场所联系人</p>
			<div v-for="(item,index) in detail.link_man_info">
				<span>{{item.name}}:</span>
				<a :href="'tel:'+ item.phone ">{{item.phone}}</a>
			</div>
		</div>
		<!-- 基本情况信息 -->
		<div v-cloak class="ub-situation">
			<p>基本情况</p>
			<p v-html="detail.content == null? '无' : detail.content"></p>
		</div>
		<!-- 场所照片信息 -->
		<div v-cloak class="ub-placeImg">
			<p>场所照片</p>
			<div style="display: flex;">
				<div v-if="images.length == 0">暂无照片</div>
				<div v-else v-for="item in detail.images">
					<img @click="lookImg(detail.images)" style="width: 90px;height: 50px;margin-right: 10px;"
						:src="item">
				</div>
			</div>

		</div>
		<!-- 备注信息 -->
		<div v-cloak class="ub-note">
			<p>备注</p>
			<div v-cloak v-if="remark_record.length == 0">暂无备注</div>
			<div v-cloak v-else v-for="item in detail.remark_record">
				<p>
					<span>{{item.create_time}}{{item.grids_person}}：</span>
					<span>{{item.remark}}</span>
					<span v-if="item.images.length > 0" @click="lookImg(item.images)">查看照片</span>
				</p>
			</div>
		</div>
		<!-- <div v-cloak class="ub-button">
			<a href="javascript:history.back(-1)" class="weui-btn weui-btn_primary weui-picker__btn"
				id="weui-picker-confirm" data-action="select" role="button" wah-hotarea="click">返回</a>
		</div> -->
		<div class="ub-newBtnBox" v-cloak>
			<div class="ub-newBtn ub-newBtnBg1" v-cloak @click="goInspectionDetails(id,1)">检查记录</div>
			<div class="ub-newBtn ub-newBtnBg2" v-cloak @click="goInspectionDetails(id,0)">检查</div>
		</div>
		<!-- 监控 -->
		<div v-cloak class="ub-videomodal" @click="closeVodeo()" v-show="isShowModal">
			<div class="ub-isLoading" style="display: none;">
				<i style="font-size: 30px;color: #fff;" class="el-icon-loading"></i>
			</div>
		</div>
		<div v-cloak class="ub-video" v-show="isShowModal">
			<div class="my-player">
				<video id="my-player" style="width: 100%;" preload="auto" muted autoplay style="border: 1px solid red;">
					<source src="">
				</video>
			</div>
		</div>
		<!-- 底部导航栏 -->
		<div class="ub-footerNav">
			<div role="tablist" style="background: #fff;" aria-label="选项卡标题" class="weui-tabbar">
				<a href="index.html" id="tab2" role="tab" aria-labelledby="t2_title" aria-selected="false"
					aria-controls="panel2" class="weui-tabbar__item">
					<img src="images/navIcon1.png" alt="" class="weui-tabbar__icon">
					<p aria-hidden="true" id="t2_title" class="weui-tabbar__label">地图查看</p>
				</a>
				<a href="listLook.html" id="tab1" role="tab" aria-labelledby="t1_title" aria-describedby="t1_tips"
					aria-selected="true" aria-controls="panel1" class="weui-tabbar__item weui-bar__item_on">
					<div id="t1_tips" aria-hidden="true" style="display: inline-block; position: relative;">
						<img src="images/navIcon3-selected.png" alt="" class="weui-tabbar__icon">
						<!-- <span class="weui-badge" style="position: absolute; top: -2px; right: -13px;">8</span> -->
					</div>
					<p id="t1_title" aria-hidden="true" class="weui-tabbar__label">列表查看</p>
				</a>
				<a href="personalCenter.html" id="tab3" role="tab" aria-labelledby="t3_title" aria-describedby="t3_tips"
					aria-selected="false" aria-controls="panel3" class="weui-tabbar__item">
					<div id="t3_tips" aria-hidden="true" style="display: inline-block; position: relative;">
						<img src="images/navIcon2.png" alt="" class="weui-tabbar__icon">
						<!-- <span class="weui-badge weui-badge_dot" role="img" alt="new"
						style="position: absolute; top: 0; right: -6px;"></span> -->
					</div>
					<p id="t3_title" aria-hidden="true" class="weui-tabbar__label">个人中心</p>
				</a>
			</div>
		</div>
		<!-- 场所位置 -->
		<el-dialog v-cloak id="manual" center title="位置详情" :visible.sync="isManual" width="95%">
			<div id="containerma"></div>
		</el-dialog>
	</div>



	<script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/vue.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/jwt-decode.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/cHttp.js?v=1.0.0" type="text/javascript" charset="utf-8"></script>
	<script src="js/element-ui.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/jweixin-1.6.0.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/biliFlv.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/wxPublic.js?v=16.0.0" type="text/javascript" charset="utf-8"></script>
	<script src="js/tdApi.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/placeDetail.js?v=1.3" type="text/javascript" charset="utf-8"></script>
</body>

</html>